<template>
  <div class="index">
    <v-header></v-header>
    <div class="main">
        <v-left></v-left>
        <v-right></v-right>
    </div>
  </div>
</template>
<script>
import vHeader from "../views/header"
import vLeft from '../views/left'
import vRight from '../views/right'
import ajax from '../../common/js/ajax'
import API from '../../common/js/api'
export default {
  data() {
    return {};
  },
  watch: {},
  computed: {},
  components: {
    vHeader,
    vLeft,
    vRight
  },
  mounted() {

  }
};
</script>
<style lang="stylus" scoped>
.index 
    height 100%
    display flex
    flex-direction column
    overflow hidden
.main
    flex 1
    height 100%
    display flex
</style>